<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>

<body>
    <header>
        <section class="clear_fix">
            <h1><img src="images/logo_white.png" alt=""></h1>
            <nav>
                <li><a href="">首页</a></li>
                <li><a href="html/about.html">关于我们</a></li>
                <li  class="active"><a href="#">服务项目</a></li>
                <li><a href="html/demo.html">成功案例</a></li>
                <li><a href="html/news.html">新闻中心</a></li>
                <li><a href="html/public.html">光合会</a></li>
                <li><a href="html/contact.html">联系我们</a></li>
            </nav>
            <aside>
                <i class="iconfont icon-dianhua isize"></i>
                <span>020-88888888</span>
            </aside>
        </section>
    </header>

    <div id="banner">
        <img class="banner_pic" src="images/banner.jpg" alt="">
        <hgroup>
            <h4>
                卓&nbsp;越&nbsp;品&nbsp;质</h4>
            <h6>细&nbsp;&nbsp;&nbsp;&nbsp;
                节&nbsp;&nbsp;&nbsp;&nbsp;
                成&nbsp;&nbsp;&nbsp;&nbsp;
                就&nbsp;&nbsp;&nbsp;&nbsp;
                经&nbsp;&nbsp;&nbsp;&nbsp;
                典
            </h6>
        </hgroup>
    </div>
    <main>
        <figure class="main1">
            <figcaption>
                <a href="" class="active">照明设计</a><i></i>
                <a href="">照明设计</a><i></i>
                <a href="">照明设计</a><i></i>
                <a href="">照明设计</a><i></i>
                <a href="">照明设计</a>
            </figcaption>
            <article>
                <img src="images/banner_mini.png" alt="">
            </article>
        </figure>
        <figure class="main2">
            <figcaption>
                <h3>照明设计</h3>
                <h3>LIGHTING DESIGN</h3>
                <br>
                <p>人们对光的追求从单纯的照亮向更高的艺术效果进步。</p>
                <p>由发达国家的大都市到中国的一线城市，再到二三线城市，对照明设计的需求有增无减</p>
                <p>商业、写字楼、城市综合体、实体店、公园、桥梁、广场、古镇乡村等，均对照明设计提出了更高的要求。</p>
                <p>人们对品质的追求，是照明设计发展的源动力</p>
            </figcaption>
            <article>
                <div>
                    <img src="images/pic_01.png" alt="">
                    <img src="images/pic_02.png" alt="">
                    <img src="images/pic_03.png" alt="">
                    <img src="images/pic_04.png" alt="">
                </div>
                <div><img src="images/pic_05.png" alt=""></div>
                <div>
                    <img src="images/pic_06.png" alt="">
                    <img src="images/pic_07.png" alt="">
                </div>
            </article>
        </figure>
        <figure class="main2">
            <figcaption>
                <h3>项目流程</h3>
                <h3>PROJECT PROCESS</h3>
                <br>
                <br>
            </figcaption>
            <img src="images/pic_big.png" alt="">
        </figure>
    </main>
    <footer>
        <section class="clear_fix">
            <div>
                <h3><img src="images/logo_gray.png" alt=""></h3>
                <h4><i class="iconfont icon-dingweiweizhi icolor"></i>北京市朝阳区 朝阳北路 大悦城北楼2905室</h4>
                <h4><i class="iconfont icon-dianhua1 icolor"></i>010-85859518</h4>
                <h4><i class="iconfont icon-dayinji icolor"></i>010-85859518</h4>
                <h4><i class="iconfont icon-youjian01 icolor"></i>935038551@qq.com</h4>
                <h4><i class="iconfont icon-ie icolor"></i>www.ycelin.cn</h4>
            </div>
            <div>
                <figure>
                    <figcaption><i class="iconfont icon-17 icolor"></i></figcaption>
                    <aside>
                        <p>全国服务热线</p> 
                        <span>010-8888-8888</span>
                    </aside>
                </figure>
                <figure>
                    <figcaption>
                        <img src="images/footer_erweima.png" alt="">
                    </figcaption>
                    <span>微信公众号</span>
                </figure>
            </div>
            <div>
                <form action="">
                    <label for="">留言/Leave a message</label>
                    <input type="text" placeholder="姓名">
                    <input type="text" placeholder="电话">
                    <textarea name="" id="" cols="30" rows="3" placeholder="留言内容"></textarea>
                    <button>提交</button>
                </form>
            </div>
        </section>
        <p>
            北京钛合照明设计有限公司&nbsp;&nbsp;&nbsp;ICP备案：copyright©2015&nbsp;&nbsp;&nbsp;京ICP备10000699号-2
        </p>
    </footer>
</body>

</html>